import styled from "styled-components";

export const AppWrapper = styled.div.attrs(props => ({
    cl: props.cc || 'purple',
}))`
    .title {
        font-size: 35px;
        color: blue;
    }

    .content {
        font-size: 20px;
        color: green;
    }

    .foot {
        font-size: 10px;
        color: ${props => props.cl};
        border-bottom: bisque solid 2px;
    }

    span:hover {
        background-color: ${p => p.hStyle.backgroundColor};
        color: ${p => p.hStyle.color};
        font-size: ${p => p.hStyle.fontSize + 'px'};
    }

    .abc {
        width: 100px;
        border-right: #d08328 solid 2px;
    }
    .def {
        border-left: blue solid 2px;
    }
    .abo {
        border-bottom: darkred solid 2px;
    }
`